<template>
  <line
    v-for="(item, i) in lines"
    :key="i"
    :x1="item.x1"
    :y1="item.y1"
    :x2="item.x2"
    :y2="item.y2"
    :stroke="item.style.stroke"
    :stroke-width="item.style.strokeWidth"
    :stroke-dasharray="item.style.strokeDasharray"
  />
</template>

<script setup lang="ts">
defineProps<{
  lines: Array<{
    x1: number;
    y1: number;
    x2: number;
    y2: number;
    style: {
      stroke: string;
      strokeWidth: number;
      strokeDasharray?: string;
    };
  }>;
}>();
</script>
